<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<div class="e1">
  <img src="bla.png" class="a1">
  <div class="b1">Favorurite</div>
  <img src="横线.png" class="y2">


  <img src="xuebi.png"  class="b2">
  <div class="b3">Sprite Can</div>
  <div class="b4">325ml, Price</div>
  <div class="b5">$1.50</div>
  <img src="a3.png" class="b6">
  <img src="h5.png" class="b7">

  <img src="coke.png"  class="c1">
  <div class="c2">Diet Coke</div>
  <div class="c3">355ml, Price</div>
  <div class="c4">$1.99</div>
  <img src="a3.png" class="c5">
  <img src="h5.png" class="c6">


  <img src="ptz.png"  class="d1">
  <div class="d2">Apple & Grape Juice</div>
  <div class="d3">2L, Price</div>
  <div class="d4">$15.50</div>
  <img src="a3.png" class="d5">
  <img src="h5.png" class="d6">

  <img src="kkkl.png"  class="f1">
  <div class="f2">Coca Cola Can</div>
  <div class="f3">325ml, Price</div>
  <div class="f4">$4.99</div>
  <img src="a3.png" class="f5">
  <img src="h5.png" class="f6">

  <img src="bskl.png"  class="g1">
  <div class="g2">Pepsi Can </div>
  <div class="g3">330ml, Price</div>
  <div class="g4">$4.99</div>
  <img src="a3.png" class="g5">
  <img src="h5.png" class="g6">


  <img src="hhh.png" class="h1" >
  <div class="h2">Add All To Cart</div>

  <p class="pos_fixed">
    <img src="购物车页面.png" style="left: 20px;
top:10px;position:relative;">
    <a href="http://localhost:63342/untitled5/%E5%88%86%E7%B1%BB.html?_ijt=jp5tqce2i9t96a733qtjle4hk9&_ij_reload=RELOAD_ON_SAVE">
      <img src="搜索标签.png" style="left: 60px;
top:10px;position:relative;">
    </a>

    <a href="http://localhost:63342/untitled5/%E8%B4%AD%E7%89%A9%E8%BD%A6.html?_ijt=sd1a7fbs2meamp5s1gu91g6du9&_ij_reload=RELOAD_ON_SAVE">
      <img src="购物车页面.png" style="left: 100px;
top:13px;position:relative;">
    </a>

    <img src="收藏页面.png" style="left: 140px;
top:14px;position:relative;">

    <img src="个人主页.png" style="left: 180px;
top:14px;position:relative;">



  </p>

  <div class="container">
    <img src="fff1.png" alt="背景图片"
         class="dd">

    <a href="http://localhost:63342/untitled5/%E7%BB%93%E7%AE%97%E6%88%90%E5%8A%9F%E9%A1%B5%E9%9D%A2.html?_ijt=ntgld252hk2au9d2uvgf3qagrq&_ij_reload=RELOAD_ON_SAVE">
      <img src="uuu1.png" alt="前景图片"
           class="jj">
    </a>

    <img src="cha.png" class="o1">
    <div class="k1">Oops! Order Failed<div>

    <div class="text">Place Order！</div>
      <div class="k2">Something went tembly wrong.</div>
      <img src="hhh.png" class="k3">
      <a href="http://localhost:63342/untitled5/%E4%BB%98%E6%AC%BE%E5%8F%B0.html?_ijt=ubkhhkq85ga5gs09t5il316jqk&_ij_reload=RELOAD_ON_SAVE">
      <div class="k4">Please Try Again</div>
      </a>
      <div class="k5">Back to home</div>
  </div>








</div>


</body>

<style>
  .k4{
    left: 30px;
    top: 120px;
    width: 200px;
    height: 18px;
    opacity: 1;
    /** 文本1 */
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    color: rgba(255, 249, 255, 1);
    text-align: center;
    vertical-align: top;
    position: absolute;
  }
  .k5{
    left: 30px;
    top: 200px;
    width: 200px;
    height: 18px;
    opacity: 1;
    /** 文本1 */
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    color: rgb(43, 43, 44);
    text-align: center;
    vertical-align: top;
position: absolute;
  }
  .k3{
    left: -25px;
    top: 100px;
    width: 300px;
    height: 67px;
    opacity: 1;
    border-radius: 19px;
    background: rgba(83, 177, 117, 1);
position: absolute;
  }
  .k2{
    left: 5px;
    top: 70px;
    width: 238.94px;
    height: 21.89px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 21px;
    color: rgba(124, 124, 124, 1);
    text-align: center;
    vertical-align: middle;
position: absolute;
  }
  .k1{
    left: 84.44px;
    top: 516.97px;
    width: 245px;
    height: 34px;
    opacity: 1;
    /** 文本1 */
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 38.42px;
    color: rgba(24, 23, 37, 1);
    text-align: center;
    vertical-align: top;
position: absolute;
  }
  .o1{
    left: 59.5px;
    top: 237.12px;
    width: 9.32px;
    height: 10px;

position: absolute;
  }
  .container {
    position: relative;
    width: 300px;
    height: 300px;
  }

  .dd {
    left: 25px;
    top: 184.96px;
    width: 364px;
    height: 570px;
    opacity: 1;
    border-radius: 18px;
    background: rgba(255, 255, 255, 1);
position: absolute;
  }

  .jj {
    left: 95.82px;
    top: 245.94px;
    width: 222.35px;
    height: 221.85px;
    opacity: 1;
    background: url(https://img.js.design/assets/img/622ad486cde90a2d6b56c296.png#cb5ba0f4a0e577ca44556dcdded2477e);

    position: absolute;
  }

  .text {
    position: absolute;
    top: 820px;
    left: 50%;

    font-size: 18px;

    color: white;
    text-shadow: 2px 2px 4px black;
    width: 200px;
    height: 200px;
    position: absolute;
  }
  p.pos_fixed
  {
    position:fixed;
    top:600px;
    left: 7px;
    width: 408px;
    height: 80px;
    background-color: white;
    border: 1px solid antiquewhite;
  }
  .h1{
    left: 25px;
    top: 712.38px;
    width: 364px;
    height: 67px;
    opacity: 1;
    border-radius: 19px;
    background: rgba(83, 177, 117, 1);
    position: absolute;
  }
  .h2{
    left: 139.83px;
    top: 738.88px;
    width: 134.13px;
    height: 14px;
    opacity: 1;
    /** 文本1 */
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    color: rgba(252, 252, 252, 1);
    text-align: center;
    vertical-align: top;
    position: absolute;
  }
  .g1{
    left: 33.1px;
    top: 583.89px;
    width: 30.43px;
    height: 58.13px;
    opacity: 1;
    background: url(https://img.js.design/assets/img/622ad47c061149a15ea6e067.png#94c99a26abe7618244048e2142078632);

    position: absolute;
  }
  .g2 {
    left: 105.57px;
    top: 592.6px;
    width: 137.02px;
    height: 18px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 18px;
    color: rgba(24, 23, 37, 1);
    text-align: left;
    vertical-align: middle;

    position: absolute;
  }
  .g3{
    left: 105.57px;
    top: 616.43px;
    width: 82px;
    height: 18px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    color: rgba(124, 124, 124, 1);
    text-align: left;
    vertical-align: middle;

    position: absolute;
  }
  .g4{
    left: 326.18px;
    top: 599.46px;
    width: 43px;
    height: 27px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 27px;
    color: rgba(24, 23, 37, 1);
    text-align: left;
    vertical-align: middle;

    position: absolute;
  }
  .g5{
    left: 380px;
    top: 621px;
    width: 8.4px;
    height: 14px;
    position: absolute;
  }
  .g6{
    left: 0px;
    top: 659.96px;
    width: 414px;
    height: 0px;
    opacity: 1;

    border: 1px solid rgba(226, 226, 226, 1);



    position: absolute;
  }




  .f1{
    left: 33.66px;
    top: 481.26px;
    width: 28.82px;
    height: 53.4px;
    opacity: 1;
    background: url(https://img.js.design/assets/img/622ad4790b96c7946d67f6f3.png#b96dcbf0669aa36757ecb33d9deae288);
    position: absolute;
  }
  .f2 {
    left: 105.57px;
    top: 487.6px;
    width: 137.02px;
    height: 18px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 18px;
    color: rgba(24, 23, 37, 1);
    text-align: left;
    vertical-align: middle;
    position: absolute;
  }
  .f3{
    left: 105.57px;
    top: 511.43px;
    width: 82px;
    height: 18px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    color: rgba(124, 124, 124, 1);
    text-align: left;
    vertical-align: middle;
    position: absolute;
  }
  .f4{
    left: 326.18px;
    top: 494.46px;
    width: 43px;
    height: 27px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 27px;
    color: rgba(24, 23, 37, 1);
    text-align: left;
    vertical-align: middle;
    position: absolute;
  }
  .f5{
    left: 380px;
    top: 504px;
    width: 8.4px;
    height: 14px;
    position: absolute;
  }
  .f6{
    left: 25.2px;
    top: 554.96px;
    width: 363.6px;
    height: 0px;
    opacity: 1;

    border: 1px solid rgba(226, 226, 226, 1);

    position: absolute;
  }

  .d1{
    left: 20.23px;
    top: 365.51px;
    width: 55.69px;
    height: 55.69px;
    opacity: 1;
    background: url(https://img.js.design/assets/img/622ad482f89eea364f053962.png#fa53df9fda869510b93da259bbbf1a6a);
    position: absolute;
  }
  .d2{
    left: 105.57px;
    top: 371.6px;
    width: 196.31px;
    height: 20px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 20px;
    color: rgba(24, 23, 37, 1);
    text-align: left;
    vertical-align: middle;
    position: absolute;
  }
  .d3{
    left: 105.57px;
    top: 398.43px;
    width: 72.27px;
    height: 14.89px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    color: rgba(124, 124, 124, 1);
    text-align: left;
    vertical-align: middle;
    position: absolute;
  }
  .d4{
    left: 313.18px;
    top: 379.46px;
    width: 52px;
    height: 27px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 27px;
    color: rgba(24, 23, 37, 1);
    text-align: right;
    vertical-align: middle;
    position: absolute;
  }
  .d5{
    left: 380px;
    top: 387px;
    width: 8.4px;
    height: 14px;
    position: absolute;
  }
  .d6{
    left: 25.2px;
    top: 449.96px;
    width: 363.6px;
    height: 0px;
    opacity: 1;

    border: 1px solid rgba(226, 226, 226, 1);

    position: absolute;
  }

  .c1{
    left: 35.04px;
    top: 252.6px;
    width: 26.07px;
    height: 52.37px;
    opacity: 1;
    background: url(https://img.js.design/assets/img/622ad47e85c5ce75ce788f4b.png#0c39a6c5cf8609d27b57f461fd45b40d);
    position: absolute;
  }
  .c2{
    left: 105.57px;
    top: 258.08px;
    width: 137.02px;
    height: 18px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 18px;
    color: rgba(24, 23, 37, 1);
    text-align: left;
    vertical-align: middle;
    position: absolute;
  }
  .c3{
    left: 105.57px;
    top: 281.91px;
    width: 82px;
    height: 18px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    color: rgba(124, 124, 124, 1);
    text-align: left;
    vertical-align: middle;
    position: absolute;
  }
  .c4{
    left: 326.18px;
    top: 264.94px;
    width: 43px;
    height: 27px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 27px;
    color: rgba(24, 23, 37, 1);
    text-align: left;
    vertical-align: middle;
    position: absolute;

  }
  .c5{
    left: 380px;
    top: 270px;
    width: 8.4px;
    height: 14px;
    position: absolute;
  }
  .c6{
    left: 25.2px;
    top: 335.44px;
    width: 363.6px;
    height: 0px;
    opacity: 1;

    border: 1px solid rgba(226, 226, 226, 1);

    position: absolute;
  }

  .b7{
    left: 25.2px;
    top: 220.44px;
    width: 363.6px;
    height: 0px;
    opacity: 1;

    border: 1px solid rgba(226, 226, 226, 1);

    position: absolute;
  }
  .b6{
    left: 380px;
    top: 153px;
    width: 8.4px;
    height: 14px;

    position: absolute;
  }
  .b5{
    left: 326.18px;
    top: 149.99px;
    width: 43px;
    height: 27px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 27px;
    color: rgba(24, 23, 37, 1);
    text-align: left;
    vertical-align: middle;
    position: absolute;
  }
  .b4{
    left: 105.57px;
    top: 166.96px;
    width: 82px;
    height: 18px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    color: rgba(124, 124, 124, 1);
    text-align: left;
    vertical-align: middle;
    position: absolute;
  }
  .b3{
    left: 105.57px;
    top: 143.13px;
    width: 137.02px;
    height: 18px;
    opacity: 1;

    border: 0px solid rgba(255, 255, 255, 1);

    /** 文本1 */
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.1px;
    line-height: 18px;
    color: rgba(24, 23, 37, 1);
    text-align: left;
    vertical-align: middle;
    position: absolute;
  }
  .b2{
    left: 32.62px;
    top: 136.05px;
    width: 30.91px;
    height: 54.9px;
    opacity: 1;
    background: url(https://img.js.design/assets/img/622ad47865f6184d106cef09.png#13c92a43abd7b6983f331ee32a0337a3);
    position: absolute;
  }
  .y2{
    left: 5px;
    top: 105.49px;
    width: 410px;
    height: 0px;
    opacity: 1;

    border: 1px solid rgba(226, 226, 226, 1);

    position: absolute;}
  .b1{
    left: 160px;
    top: 55.82px;
    width: 95px;
    height: 18px;
    opacity: 1;
    /** 文本1 */
    font-size: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 18px;
    color: rgba(24, 23, 37, 1);
    text-align: center;
    vertical-align: middle;
    position: absolute;
  }
  .e1{
    left: -1366px;
    top: -813px;
    width: 405px;
    height: 870px;
    opacity: 1;
    background: rgb(151, 151, 152);
    border: 1px solid antiquewhite;

  }
  .a1{
    left: -0.4px;
    top: 4.83px;
    width: 414px;
    height: 80px;
    opacity: 1;
  }


</style>
</html>
